<template>
  <div>
    <div class="zi1" v-for="(v,i) in arr" :key="i">
      <img :src="v.img" alt="" />
      <p>{{v.p}}</p>
    </div>
  </div>
</template>

<script>
export default {
    props:["arr"],
};
</script>

<style scoped>
.zi1 {
  width: 0.6864rem;
  height: 0.7433rem;
  /* background-color: red; */
  display: flex;
  flex-direction: column;
  float: left;
}
.zi1 img{
    width: 0.5264rem;
    height: 0.5584rem;
    margin: auto;
}
.zi1 p{
    font-size: 0.12rem;
    color: #1D2127;
    margin: auto;
}
</style>